<template>
    <div class="header">
        <div class="back-container">
          <img src="static/images/back.png" @click="backPage()">
        </div>
    </div>
</template>
<script>
export default {
    name: 'Header',
    data () {
        return {

        }
    },
    methods: {
        backPage () {
            this.$router.go(-1)
        }
    }
}
</script>
<style lang="scss" scoped>
.header{
    width: 100%;
    height: 0.8rem;
    position: fixed;
    overflow: hidden;
    z-index: 999;
    .back-container{
       width: 0.7rem;
       height: 0.7rem;
       border-radius: 0.7rem;
       background: rgba(0,0,0,0.3); 
       margin-left: 0.2rem
    }
    img{
        display: inline-block;
        width: 0.4rem;
        height: 0.4rem;
        margin: 0.15rem 0.12rem;
    }
}

</style>
